<template>
  <div class="h-[100vh] flex flex-col">
    <div class="h-[50px] flex items-center border-b border-solid border-gray-300">
      <Header />
    </div>

    <div class="flex-1 flex">
      <div class="w-[200px]">
        <Material />
      </div>

      <div class="flex-1 border-l border-r border-solid border-gray-300">
        <Stage />
      </div>

      <div class="w-[200px]">
        <Setting />
      </div>
    </div>
  </div>
</template>

<script setup name="EditorView">
import Header from './Header.vue'
import Material from './Material.vue'
import Stage from './Stage.vue'
import Setting from './Setting.vue'
</script>
